<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Seektan's Photographs</title>
	<script type="text/javascript" src="mootools.v1.11.js"></script>
	<script type="text/javascript" src="site.js"></script>
	<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
</head>

<body>
<div id="container">
	
	<h1>Seektan's Photographs</h1>
	<div id="content">
		<div id="kwick">
			<ul class="kwicks">
				<li><a class="kwick" id="views" href="javascript:void(0)" title="Photographs of Views"><span>Views</span></a></li>
				<li><a class="kwick" id="bike" href="javascript:void(0)" title="Photographs of Road Bike"><span>Road Bike</span></a></li>
				<li><a class="kwick" id="subway" href="javascript:void(0)" title="Photographs of Subway"><span>Subway</span></a></li>
				<li><a class="kwick" id="sky" href="javascript:void(0)" title="Photographs of Sky"><span>Sky</span></a></li>
			</ul>
		</div>
		<div id="photos">
		<div id="views_p">
			<h2>Into the wild</h2>
			<ul>
				<li><img src="photos/views/4.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/views/1.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/views/2.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/views/3.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/views/5.jpg" width="465" height="349" alt="" /></li>
			</ul>
		</div>
		<div id="bike_p">
			<h2>On the road</h2>
			<ul>
				<li><img src="photos/bike/1.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/bike/2.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/bike/3.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/bike/4.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/bike/5.jpg" width="465" height="349" alt="" /></li>
			</ul>
		</div>
		<div id="subway_p">
			<h2>Underground</h2>
			<ul>
				<li><img src="photos/subway/1.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/subway/2.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/subway/3.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/subway/4.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/subway/5.jpg" width="465" height="349" alt="" /></li>
			</ul>
		</div>
		<div id="sky_p">
			<h2>Look up</h2>
			<ul>
				<li><img src="photos/sky/1.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/sky/2.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/sky/3.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/sky/4.jpg" width="465" height="349" alt="" /></li>
				<li><img src="photos/sky/5.jpg" width="465" height="349" alt="" /></li>
			</ul>
		</div>
		</div>
	</div>

	<div id="sidebar">
		<ul>
			<li><a href="http://www.flickr.com/photos/seektan/">My Flickr</a></li>
			<li><a href="http://hi.baidu.com/webworker">Web Tech</a></li>
		</ul>
	</div>

	<div id="footer">&copy;2008 seektan</div>

</div>
</body>
</html>